<template>
	<view>
		<view class="form-content">
			<view class="cu-form-group margin-top">
				<view class="title">企业名称</view>
				<picker @change="PickerChange" :value="index" :range="picker">
					<view class="picker">
						{{index>-1?picker[index]:'投道集团'}}
					</view>
				</picker>
			</view>
			<view class="cu-form-group">
				<view class="title">招聘岗位</view>
				<picker @change="PickerChange" :value="index" :range="picker">
					<view class="picker">
						{{index>-1?picker[index]:'线体操作'}}
					</view>
				</picker>
			</view>
			<view class="form-item cu-form-group">
				<view class="title">招聘数量</view>
				<input placeholder="请输入" name="input" class="text-r" />
			</view>
			<view class="cu-form-group">
				<view class="title">开始时间</view>
				<picker mode="time" :value="time" start="09:01" end="21:01" @change="TimeChange">
					<view class="picker">
						{{time}}
					</view>
				</picker>
			</view>
			<view class="cu-form-group">
				<view class="title">截至时间</view>
				<picker mode="time" :value="time" start="09:01" end="21:01" @change="TimeChange">
					<view class="picker">
						{{time}}
					</view>
				</picker>
			</view>
			<view class="cu-form-group">
				<view class="title">招聘小组</view>
				<picker @change="PickerChange" :value="index" :range="picker">
					<view class="picker">
						{{index>-1?picker[index]:'投道集团家电生产线招聘小组'}}
					</view>
				</picker>
			</view>
			<view class="cu-form-group">
				<view class="title">指派组员</view>
				<picker @change="PickerChange" :value="index" :range="picker">
					<view class="picker">
						{{index>-1?picker[index]:'张明亮'}}
					</view>
				</picker>
			</view>
		</view>
		<view class="btn-item submit-btn-item flex rcc">
			<text class="btn-item-title">确定</text>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				index: -1,
				picker: ['喵喵喵', '汪汪汪', '哼唧哼唧'],
				time: '12:01',
			}
		},
		methods: {
			PickerChange(e) {
				uni.hideKeyboard();
				this.index = e.detail.value
			},
			TimeChange(e) {
				uni.hideKeyboard();
				this.time = e.detail.value
			},
		}
	}
</script>

<style scoped>
	.form-content{
		padding-left:30upx;
		background:#fff;
	}
	.upload-btn-icon {
		width: 260upx;
		height: 260upx;
	}
	.upload-camera {
		width: 80upx;
		height: 80upx;
	}

	.submit-btn-item {
		width: 400upx;
		height: 80upx;
		color: #FFFFFF;
		font-size: 30upx;
		border-radius: 4upx;
		margin: 100upx auto 200upx;
		background: linear-gradient(270deg, rgba(0, 106, 231, 1) 0%, rgba(66, 157, 255, 1) 100%);
	}
</style>
